@media(min-width:992px){
    .dis-hide{
        display:none;
    }
    /* nav-inner section */
    .nav-inner h1{
        font-size:27px; 
    }
    .nav-inner span{
        font-size:23px;
    }

    /* Service section */
    .service-list>.show-serviceList{
        position:absolute;
        top:57px;
        left:-51px;
        right:-58px;
        z-index:5;
        background: linear-gradient(90deg,rgba(255, 198, 84, 1) 0%, rgba(255, 149, 0, 1) 100%);
        animation: show-serviceList 2s ease 0s 1 normal forwards;
    }
    .show-serviceList>a{
        border-bottom:1px solid rgb(9, 8, 8);
    }
    .show-serviceList>a:hover{
        color:white;
        font-weight: 450;
    }
    .animated{
        height: 450px;
        width:100%;
    }

    /* service-cards section */
    .service-cards h4{
        text-align:center;
    }
}

@media(max-width:992px){
    .m-top{
        margin-top:20px !important;
    }
    .text-middle{
        text-align:center;
    }
    .dis-none{
        display:none;
    }
    .h2-sections{
        font-size:2.2rem;
    }
    /* nav-inner section */
    .nav-inner h1{
        font-size:24px; 
    }
    /* nav-list section */
    .nav-list{
        position:fixed;
        top:0;
        bottom:0;
        left:0px;
        width:55%;
        z-index:9999 !important;
        overflow-y: scroll;
        background-color:#e7e7e7;
        animation: show-sidebar 1s ease 0s 1 normal forwards;
    }
    .nav-list>ul{
        display: block !important;
        padding-left:0 !important;
    }
    .nav-list>ul li{
        display:block;
        padding:15px 10px;
    }

    /* service section */
    .show-serviceList>a{
        border-bottom:2px solid rgb(225, 176, 16);
        color:#0099ff !important;
    }
    .show-serviceList{
        animation: services 0.9s ease 0s 1 normal forwards;
    }

    /* Slider section */
    .animated{
        height: auto;
    }
}

@media(max-width:768px){
    .fs-lg-h{
        font-size:1.6rem;
    }
    .fs-lg-p{
        font-size:1.3rem ;
    }
}

@media(max-width:576px){
    .container{
        overflow-x: hidden !important;
    }
    .contact-wrap{
        display:flex;
        flex-wrap:wrap;
        justify-content: center;
        align-items: center;
    }
    .text-mid{
        text-align:center;
    }
}

@media(max-width:488px){
    /* nav-list section */
    .nav-list{
        width:75%;
    }
}

/* css animation section */

@keyframes show-sidebar {
	0% {
		transform: scaleX(0);
		transform-origin: 0% 0%;
	}
	100% {
		transform: scaleX(1);
		transform-origin: 0% 0%;
	}
}

@keyframes show-serviceList {
	0% {
		opacity: 0;
		transform: translateY(-50px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes services {
	0% {
		transform: scaleY(0);
		transform-origin: 80% 0%;
	}
	100% {
		transform: scaleY(1);
		transform-origin: 80% 0%;
	}
}